import Vue from 'vue'
// import VueRouter from 'vue-router'
import VueRouter from './myRouter'
Vue.use(VueRouter)
import Home from '../views/Home'
import About from '../views/About'



let router = new VueRouter({
  // routes: [
  //   {
  //     path: '/',
  //     component: () => import('../views/Home'),
  //     // children: [
  //     //   {
  //     //     path: '/aaa',
  //     //     meta: {
  //     //       level: 5
  //     //     },
  //     //     component: () => import('../components/HelloWorld.vue')
  //     //   }
  //     // ]
  //   },
  //   {
  //     path: '/about/:qqq',
  //     name: 'about',
  //     component: () => import('../views/About')
  //   },
  //   {
  //     path: '/404',
  //     component: () => import('../views/page404.vue')
  //   },
  //   // {
  //   //   path: '/*',
  //   //   redirect: '/404'
  //   // }
  // ],
  routes: [
    {
      path: '/home',
      component: Home,
    },
    {
      path: '/about',
      component: About,
    }
  ],
  // mode: 'hash'
})
// 路径传参   query传参
//  $route 存放的是属性；$router  存放的是方法
//  push 会新增一条历史记录   replace不会新增

//  hash :  hashchange
//  history : popstate + pushState  replaceState
// let userLevle = 10;
// router.beforeEach((to, from, next) => {
//   //  每当路径要进行切换的时候 就会执行这个回调函数  
//   //  next 是用来控制 能否正常跳转的一个函数
//   console.log(to, from)
//   if (to.meta.level > userLevle) {
//     next('/404')
//   } else {
//     next()
//   }

// })
export default router